import type { RouteRecordRaw } from 'vue-router'


const 映射: RouteRecordRaw[] = [
  {
    path: '/',
    component: () => import('@/views/首页.vue'),
    meta: {
      title: '首页',
    },
  },
  {
    path: '/about',
    component: () => import('@/views/关于.vue'),
    meta: {
      title: '关于',
    },
  },
  {
    path: '/layout',
    children: [
      {
        path: 'aspect',
        component: () => import('@/views/布局/比例.vue'),
        meta: {
          title: '布局比例'
        },
      },
      {
        path: 'columns',
        component: () => import('@/views/布局/分列.vue'),
        meta: {
          title: '分列',
        },
      },
      {
        path: 'break',
        component: () => import('@/views/布局/断点.vue'),
        meta: {
          title: '断点',
        },
      },
      {
        path: 'display',
        component: () => import('@/views/布局/显示.vue'),
        meta: {
          title: '显示',
        },
      },
      {
        path: 'float',
        component: () => import('@/views/布局/浮动.vue'),
        meta: {
          title: '浮动'
        }
      },
      {
        path: 'clear',
        component: () => import('@/views/布局/清除浮动.vue'),
        meta: {
          title: '清除浮动'
        }
      },
      {
        path: 'fit',
        component: () => import('@/views/布局/拟合.vue'),
        meta: {
          title: '拟合'
        }
      },
      {
        path: 'object-position',
        component: () => import('@/views/布局/对象位置.vue'),
        meta: {
          title: '对象位置'
        }
      },
      {
        path: 'isolate',
        component: () => import('@/views/布局/隔离.vue'),
        meta: {
          title: '隔离'
        }
      },
      {
        path: 'overflow',
        component: () => import('@/views/布局/溢出.vue'),
        meta: {
          title: '溢出'
        }
      },
      {
        path: 'overscroll',
        component: () => import('@/views/布局/滚出.vue'),
        meta: {
          title: '滚出'
        }
      },
      {
        path: 'position',
        component: () => import('@/views/布局/位置.vue'),
        meta: {
          title: '位置'
        }
      },
      {
        path: 'inset',
        component: () => import('@/views/布局/偏移.vue'),
        meta: {
          title: '偏移'
        }
      },
      {
        path: 'visible',
        component: () => import('@/views/布局/可见.vue'),
        meta: {
          title: '可见'
        }
      },
      {
        path: 'z-index',
        component: () => import('@/views/布局/深度.vue'),
        meta: {
          title: '深度'
        }
      },
    ]
  },
  {
    path: '/flex-grid',
    children: [
      {
        path: 'basis',
        component: () => import('@/views/柔性&网格/基准.vue'),
        meta: {
          title: '基准'
        }
      },
      {
        path: 'direction',
        component: () => import('@/views/柔性&网格/方向.vue'),
        meta: {
          title: '方向'
        }
      },
      {
        path: 'wrap',
        component: () => import('@/views/柔性&网格/换行.vue'),
        meta: {
          title: '换行'
        }
      },
      {
        path: 'flex',
        component: () => import('@/views/柔性&网格/伸缩.vue'),
        meta: {
          title: '伸缩'
        }
      },
      {
        path: 'grow',
        component: () => import('@/views/柔性&网格/增大.vue'),
        meta: {
          title: '增大'
        }
      },
      {
        path: 'shrink',
        component: () => import('@/views/柔性&网格/缩小.vue'),
        meta: {
          title: '缩小'
        }
      },
      {
        path: 'order',
        component: () => import('@/views/柔性&网格/排序.vue'),
        meta: {
          title: '排序'
        }
      },
      {
        path: 'grid-cols',
        component: () => import('@/views/柔性&网格/列数.vue'),
        meta: {
          title: '列数'
        }
      },
      {
        path: 'col',
        component: () => import('@/views/柔性&网格/跨列.vue'),
        meta: {
          title: '跨列'
        }
      },
      {
        path: 'grid-rows',
        component: () => import('@/views/柔性&网格/行数.vue'),
        meta: {
          title: '行数'
        }
      },
      {
        path: 'row',
        component: () => import('@/views/柔性&网格/跨行.vue'),
        meta: {
          title: '跨行'
        }
      },
      {
        path: 'grid-flow',
        component: () => import('@/views/柔性&网格/摆放.vue'),
        meta: {
          title: '摆放'
        }
      },
      {
        path: 'auto-cols',
        component: () => import('@/views/柔性&网格/自动列宽.vue'),
        meta: {
          title: '自动列宽'
        }      
      },
      {
        path: 'auto-rows',
        component: () => import('@/views/柔性&网格/自动行高.vue'),
        meta: {
          title: '自动行高'
        }      
      },
      {
        path: 'gap',
        component: () => import('@/views/柔性&网格/间隙.vue'),
        meta: {
          title: '间隙'
        }
      },
      {
        path: 'place',
        component: () => import('@/views/柔性&网格/对齐.vue'),
        meta: {
          title: '对齐'
        }
      },
      
    ]
  },
  {
    path: '/spacing',
    children: [
      {
        path: 'p-m',
        component: () => import('@/views/空间/边距.vue'),
        meta: {
          title: '边距'
        }
      },
      {
        path: 'size',
        component: () => import('@/views/空间/尺寸.vue'),
        meta: {
          title: '尺寸'
        }
      },
      
    ]
  },
  {
    path: '/effects',
    children: [
      {
        path: 'mix-blend',
        component: () => import('@/views/效果/混色.vue'),
        meta: {
          title: '混色'
        }
      },
      
    ]
  },
  {
    path: '/state',
    children: [
      {
        path: 'interactive',
        component: () => import('@/views/状态/交互.vue'),
        meta: {
          title: '交互'
        }
      },
    ]
  },

]


export default 映射